<template>
  <div>
    <router-link to="/recommend">个性推荐</router-link>
    <router-link to="/songSheet">歌单</router-link>
    <router-link to="/anchorTower">主播电台</router-link>
    <router-link to="/rank">排行榜</router-link>
    <router-link to="/geshou">歌手</router-link>
    <router-link to="/newMusic">最新音乐</router-link>
    <router-view class="main"></router-view>
  </div>
</template>

<style lang="less" scoped>
// div {
//   height: 2300px;
// }
.main {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 65%;
}
a {
  display: inline-block;
  margin-left: 30px;
}
.router-link-active {
  color: black;
  font-weight: 700;
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: 4px solid #ec4141;
}
</style>